<!DOCTYPE html>
<html>
<html xmlns:th="http://thymeleaf.org">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

	<title>账单明细</title>

	<link href="/before/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
	<link href="/before/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

	<link href="/before/css/personal.css" rel="stylesheet" type="text/css">
	<link href="/before/css/bilstyle.css" rel="stylesheet" type="text/css">

	<script src="/before/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
	<script src="/before/AmazeUI-2.4.2/assets/js/amazeui.js"></script>

</head>

<body>
<!--头 -->
<header>
	<article>
		<div class="mt-logo">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a th:href="@{/user/details}" target="_top" class="h" style="color: orangered;">欢迎您,<span
									th:text="${session.session_user.userName}"></span></a>
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
				</ul>
			</div>

			<!--悬浮搜索框-->

			<div class="nav white">
				<div class="logoBig">
					<li><img src="/before/images/logobig.png" /></li>
				</div>

				<div class="search-bar pr">
					<a name="index_none_header_sysc" href="#"></a>
					<form>
						<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
						<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
					</form>
				</div>
			</div>

			<div class="clear"></div>
		</div>
		</div>
	</article>
</header>
<div class="nav-table">
	<div class="long-title"><span class="all-goods">全部分类</span></div>
	<div class="nav-cont">
		<ul>
			<li class="index"><a href="#">首页</a></li>
			<li class="qc"><a href="#">闪购</a></li>
			<li class="qc"><a href="#">限时抢</a></li>
			<li class="qc"><a href="#">团购</a></li>
			<li class="qc last"><a href="#">大包装</a></li>
		</ul>
		<div class="nav-extra">
			<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
			<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
		</div>
	</div>
</div>
<b class="line"></b>
<div class="center">
	<div class="col-main">
		<div class="main-wrap">
			<div class="am-cf am-padding">
				<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">账单明细</strong> / <small>Electronic&nbsp;bill</small></div>
			</div>
			<hr>

			<!--交易时间	-->

			<div class="order-time">
				<label class="form-label">交易时间：</label>
				<div class="show-input">
					<select class="am-selected" data-am-selected>
						<option value="today">今天</option>
						<option value="sevenDays" selected="">最近一周</option>
						<option value="oneMonth">最近一个月</option>
						<option value="threeMonths">最近三个月</option>
						<option class="date-trigger">自定义时间</option>
					</select>
				</div>
				<div class="clear"></div>
			</div>

			<table width="100%">

				<thead>
				<tr>
					<th class="memo"></th>
					<th class="time">创建时间</th>
					<th class="name">名称</th>
					<th class="amount">金额</th>
					<th class="action">操作</th>
				</tr>
				</thead>

				<tbody>
				<tr th:each="ol1 : ${ordersList1}">
					<td class="img">
						<!--									th:src="@{${fl.product.productPic}}"-->
						<!--									<i><img th:src="@{${ol1.product.productPic}}"></i>-->
						<a class="goods-pic-link" target="_blank" th:href="@{'/product/detail?id='+${ol1.pId}}" title=" ">
							<i><img th:src="@{${ol1.product.productPic}}"></i>
						</a>

					</td>
					<td class="time">
						<p class="text-muted" th:text="${ol1.date}">
						</p>
						<!--									<p> 2016-01-28-->
						<!--									</p>-->
						<!--									<p class="text-muted"> 10:58-->
						<!--									</p>-->
					</td>
					<td class="title name">
						<p class="content" th:text="${ol1.product.productName}">

						</p>
					</td>

					<td class="amount">
						<span class="amount-pay" th:text="${ol1.product.money}"></span>
						<!--									<span class="amount-pay" th:text="${money}"></span>-->
					</td>
					<td class="operation">
						<a class="goods-delete;" th:href="@{'/order/deleteorderm?id='+${ol1.oId}}"><i class="am-icon-trash"></i></a>
					</td>
				</tr>

				</tbody>
			</table>

			<script type="text/javascript">
				$(document).ready(function() {
					$(".date-trigger").click(function() {
						$(".show-input").css("display", "none");
					});

				})
			</script>

		</div>
		<!--底部-->
		<div class="footer">
			<div class="footer-hd">
				<p>
					<a href="#">恒望科技</a>
					<b>|</b>
					<a href="#">商城首页</a>
					<b>|</b>
					<a href="#">支付宝</a>
					<b>|</b>
					<a href="#">物流</a>
				</p>
			</div>
			<div class="footer-bd">
				<p>
					<a href="#">关于恒望</a>
					<a href="#">合作伙伴</a>
					<a href="#">联系我们</a>
					<a href="#">网站地图</a>
					<em>© 2015-2025 Hengwang.com 版权所有</em>
				</p>
			</div>
		</div>
	</div>

	<aside class="menu">
		<ul>
			<li class="person active">
				<a href="index.html">个人中心</a>
			</li>
			<li class="person">
				<a href="#">个人资料</a>
				<ul>
					<li><a th:href="@{/user/details}">个人信息</a></li>
					<!--                    <li><a href="pay.html">收货地址</a></li>-->



					<li> <a  th:href="@{/useradr/list}"  STYLE="color:GREEN">收货地址</a></br></li>
				</ul>
			</li>
			<li class="person">
				<a href="#">我的交易</a>
				<ul>
					<li><a th:href="@{/page/ordermanagement}">订单管理</a></li>
				</ul>
			</li>
			<li class="person">
				<a href="#">我的资产</a>
				<ul>
					<li><a th:href="@{/order/orderlist}">账单明细</a></li>
				</ul>
			</li>

			<li class="person">
				<a href="#">我的小窝</a>
				<ul>
					<!--                    <li><a href="foot.html">足迹</a></li>-->
					<li><a th:href="@{/foot/footlist}">足迹</a></li>
					<!--                    <li><a href="comment.html">评价</a></li>-->
					<li><a th:href="@{/message/usermeslist}">评价</a></li>
				</ul>
			</li>

		</ul>

	</aside>
</div>

</body>

</html>